.page3_bg .container{width: 90%;}
.page1_bg{background: url(../images/index_bg1.jpg)  no-repeat;background-size: cover;}
.page1_tu{position: relative;z-index: 999999;padding-top: 15%;transform: scale(3);transition:all ease 1s 0.5s;opacity:0; }
.active .page1_tu{transform: scale(1);opacity:1}
.page2_bg{background: url(../images/index_bg2.jpg)  no-repeat;background-size: cover;}
.page2_bt{width: 100%;height: 40px;background:url(../images/page2_bg2.png) no-repeat;background-size: cover;margin-top: 13%;font-size: 16px;line-height: 40px;color: #333;padding-left: 20px;margin-bottom: 23px;transform: translateX(-200%);transition:all ease 1s 0.5s; position:relative;opacity: 0;}
.active .page2_bt{transform: translateX(0);opacity:1}
.page2_nr{width: 100%;background-color: rgba(255,255,255,0.6);transform: rotate(90deg) scale(0.2);transition:all ease 2s 1s; position:relative;opacity: 0;}
.active .page2_nr{transform: rotate(0deg) scale(1);opacity:1}
.page2_txt{padding: 2% 5.3% 7% 4.3%;text-indent: 2em;font-size: 14px;color: #333;line-height: 2em;}
.page2_pig{padding-top: 7%;margin-right: 6%;padding-bottom: 6%;}
.page2_xiangqing{width: 100%;height: 40px;background: url(../images/page2_bg1.png) no-repeat;margin-top: 20px;transform: translateX(200%);transition:all ease 1s 0.5s; position:relative;opacity: 0;background-size: cover;}
.active .page2_xiangqing{transform: translateX(0);opacity:1}
.page2_a{font-size: 16px;color: #333;line-height: 40px;float: right;margin-right: 20px;}
.flex-direction-nav{display: none;}
.flex-control-paging li a{background: url(../images/dian1.png) no-repeat left top;display:block;height: 10px;overflow: hidden;width: 40px;cursor: pointer; text-indent:-99999px;}
.flex-control-paging li a.flex-active { background: url(../images/dian.png) no-repeat left top;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;float: left;}
.flex-control-paging li a {display:block; height: 20px; overflow: hidden;width: 25px;cursor: pointer; line-height:16px; font-size:0;}
.flex-control-paging li{float: left;display: inline-block;}
.flexslider{position: relative;}
.flex-control-paging{position: absolute;right: 5px;bottom: 5px;}
.page3_bg{background: url(../images/index_bg3.jpg)  no-repeat;background-size: cover;}
.page3_nr{padding-top: 20%;}
.page3_top{background-color: rgba(255,255,255,0.6);padding: 15px 15px 10px 15px;}
.page3_top_pig{border: 2px solid #fff;}
.page3_top_txt{font-size: 14px;color: #333;line-height: 24px;}
.page3_top_bt{font-size: 16px;text-align: center;line-height: 24px;padding-top: 8px;}
.page3_bot{height: 40px;line-height: 40px;text-align: center;font-size: 14px;background-color: rgba(255,255,255,0.6);margin-top: 10px;}
.page3_bot_a{color: #333;display: inline-block;width: 100%;}
.li1{transform: translateY(100%);transition:all ease 0.5s 1s; position:relative;opacity: 0;}
.li2{transform: translateY(100%);transition:all ease 0.5s 1.5s; position:relative;opacity: 0;}
.li3{transform: translateY(100%);transition:all ease 0.5s 2s; position:relative;opacity: 0;}
.active .li1{transform: translateY(0) ;opacity:1}
.active .li2{transform: translateY(0) ;opacity:1}
.active .li3{transform: translateY(0) ;opacity:1}
.page3_nr li:hover .page3_top{background-color:#81d154;color: #fff;}
.page3_nr li:hover .page3_bot{background-color:#81d154}
.page3_nr li:hover .page3_bot_a{color:#fff;}
.page3_nr li:hover .page3_top_txt{color:#fff;}
.page4_bg{background: url(../images/index_bg4.jpg)  no-repeat;background-size: cover;}
.li4{transform: translateX(-300%);transition:all ease 0.5s 1s; position:relative;opacity: 0;}
.li5{transform: translateY(-100%);transition:all ease 0.5s 0.5s; position:relative;opacity: 0;}
.li6{transform: translateX(300%);transition:all ease 0.5s 1s; position:relative;opacity: 0;}
.active .li4{transform: translateY(0) ;opacity:1}
.active .li5{transform: translateY(0) ;opacity:1}
.active .li6{transform: translateY(0) ;opacity:1}
.page5_bg{background: url(../images/index_bg5.jpg)  no-repeat;background-size: cover;}
.page5_nr{padding-top: 13%;}
.page5_nr li{margin-bottom: 15px;}
.rili{margin-left: 20%;color: #fff;text-align: center;border-radius: 16px;;}
.rili_top{color: #fff;font-size: 16px;line-height: 3em;background-color: #81d154;border-top-right-radius: 8px;border-top-left-radius: 8px;}
.rili_con{color:#81d154;font-size: 61px;line-height: 1.6em;background-color: #fff;}
.rili_bot{color: #81d154;font-size: 16px;line-height: 1.2em;background-color: #fff;padding-bottom: 5px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.page5_right_nr{margin: 0 50px 0 20px;}
.page5_right_nr{padding: 2px 20px 10px 20px;background-color: rgba(255,255,255,0.6);border-radius: 10px;}
.page5_bt{font-size: 20px;color: #333;line-height: 2em;border-bottom: 1px solid #8d8e79;}
.page5_bt_a{color: #333;}
.page5_txt{font-size: 16px;color: #666;line-height: 2em;padding-top: 20px;}
.riqi{float: right;}
.page5_left1{transform: translateX(-300%);transition:all ease 0.5s 1s; position:relative;opacity: 0;}
.page5_left2{transform: translateX(-300%);transition:all ease 0.5s 1.5s; position:relative;opacity: 0;}
.page5_left3{transform: translateX(-300%);transition:all ease 0.5s 2s; position:relative;opacity: 0;}

.active .page5_left1{transform: translateX(0);opacity:1}
.active .page5_left2{transform: translateX(0) ;opacity:1}
.active .page5_left3{transform: translateX(0) ;opacity:1}

.page5_right1{transform: scaleX(0);transition:all ease 0.5s 1.5s; position:relative;opacity: 0;}
.page5_right2{transform: scaleX(0);transition:all ease 0.5s 2s; position:relative;opacity: 0;}
.page5_right3{transform: scaleX(0);transition:all ease 0.5s 2.5s; position:relative;opacity: 0;}

.active .page5_right1{transform: scaleX(1);opacity:1}
.active .page5_right2{transform: scaleX(1) ;opacity:1}
.active .page5_right3{transform: ScaleX(1);opacity:1}
.page6_bg{background: url(../images/index_bg6.jpg)  no-repeat;background-size: cover;}
.page6_nr li{background-color: rgba(255,255,255,0.6)}
.page6_pig img{width: 34%;margin-left: 33%;margin-top: 25%;}
.page6_txt_top{text-align: center;font-size: 16px;color: #333;line-height: 2.5em;}
.page6_txt_bot{text-align: center;font-size: 16px;color: #333;line-height: 3em;}
.page6_pig li{padding-bottom: 10px;}
.page6_nr{padding-top: 25%;}
.page6_left{padding-bottom: 10%;}
.page6_li1{transform:rotate(240deg) scale(0);transition:all ease 0.5s 0.5s; position:relative;opacity: 0.2;}
.page6_li2{transform: rotate(240deg) scale(0);transition:all ease 0.5s 1s; position:relative;opacity: 0.2;}
.page6_li3{transform: rotate(240deg) scale(0);transition:all ease 0.5s 1.5s; position:relative;opacity: 0.2;}
.page6_li4{transform: rotate(240deg) scale(0);transition:all ease 0.5s 2s; position:relative;opacity: 0.2;}
.active .page6_li1{transform:rotate(0deg) scale(1);opacity:1}
.active .page6_li2{transform:rotate(0deg) scale(1) ;opacity:1}
.active .page6_li3{transform:rotate(0deg) Scale(1);opacity:1}
.active .page6_li4{transform:rotate(0deg) Scale(1);opacity:1}

.page1_bg,.page2_bg,.page3_bg,.page4_bg,.page5_bg,.page6_bg{overflow: hidden;}
.footer{height: 60px;background-color: #242525;color: #fff;font-size: 14px;text-align: center;position: relative;bottom:60px;left: 0;z-index: 9999999;width: 100%;line-height: 60px;}
@media screen and (max-width: 991px) {
    .page1_tu{padding-top: 40%;}
    .page2_pig{padding-top: 65%;}
    .page2_txt{font-size: 15px;}
    .page3_top_txt{font-size: 18px;line-height: 30px;}
    .page3_top_bt{font-size: 18px;line-height: 28px;}
    .page3_bot{font-size: 18px;}
    .page3_nr{padding-top: 40%;}
    .page5_nr{padding-top: 23%;}
    .page5_nr{padding-top: 30%;}
    .page5_nr li{margin-bottom: 30px;}
    .page6_nr{padding-top: 35%;}
    .footer{height: 40px;font-size: 14px;text-align: center;bottom:40px;left: 0;line-height: 40px;}


}
@media screen and (max-width: 767px) {
    .page1_tu{padding-top: 50%;}
    .page2_pig{padding-top: 0;}
    .page2_txt{font-size: 12px;height: 200px;overflow: hidden;}
    .page2_pig{padding: 6%;}
    .page3_nr{padding-top: 20%;}
    .page3_top_pig{float: left;width: 40%;}
    .page3_top_txt{float: left;width: 60%;font-size: 12px;line-height: normal;padding-left: 5px;}
    .page3_top_bt{font-size: 14px;line-height:normal}
    .page3_top{background-color: rgba(255,255,255,0.6);padding: 10px 10px 0;}
    .page3_bot{height: 18px;line-height:24px;text-align: center;font-size: 14px;background-color: rgba(255,255,255,0.6);margin-top: 0;padding-bottom: 30px;}
    .page3_nr li{margin-bottom: 10px;}
    .page5_right_nr{margin: 0;}
    .page5_right_nr{padding: 5px;}
    .page5_bt{font-size: 14px;color: #333;line-height: 1.4em;border-bottom: 1px solid #8d8e79;text-align: center;}
    .page5_txt{font-size: 12px;color: #666;line-height: 1.4em;padding-top: 15px;}
    .riqi{float: none;}
    .page5_nr{padding-top: 30%;}
    .page6_pig{float: left;width: 34%;padding: 4%;}
    .page6_pig img{margin:0;width: 100%;}
    .page6_txt{float: left;padding-top: 4%;width: 66%}
    .page6_txt_top{text-align: center;font-size: 16px;color: #333;line-height: 2.5em;}
    .page6_txt_bot{text-align: center;font-size: 14px;color: #333;line-height: 2.5em;}
    .page6_nr{padding-top: 20%;}
    .page6_left{padding-bottom: 0;}
    .page6_nr li{margin-bottom: 10px;}
    .footer{height: 51px;font-size: 12px;text-align: center;bottom:51px;left: 0;line-height: 18px; }
}


@media screen and (max-width: 350px) {
    .page5_nr{padding-top: 10%;}
    .page5_right_nr{padding: 3px;}
    .container {width: 92%;}
    .page3_nr li{margin-bottom: 4px;}
    .riqi{font-size: 12px;}
    .page2_txt{height: 114px;}

}